51Dev开发社区
登录 注册

#HTML5 Boilerplate

Html5 拨打手机号码
采用url链接的方式，实现拨打电话功能。 1.最常用WEB页面JS实现一键拨号的电话拨打功能：<ahref="tel:12345678987">WEB页面JS拨打</a>在拨号界面，显示号码，并提示拨打。 2.最常用WEB页面JS实现一键发送短信功能：<ahref="s...
代码星球 ·2021-01-12

html5canvas 实现签名效果 附上代码 仅供参考
css代码html,body{/*重置默认样式*/margin:0;padding:0;}html,body,#mycanvas{width:100%;height:100%;overflow:hidden;}html代码<divid="mycanvas"><canvasid="canvas">...
代码星球 ·2021-01-09

使用PHP和HTML5 FormData实现无刷新文件上传教程
无刷新文件上传是一个常见而又有点复杂的问题，常见的解决方案是构造iframe方式实现。在HTML5中提供了一个FormData对象API，通过FormData可以方便地构造一个表单请求，并通过XMLHttpRequest来发送。通过FormData对象发送文件也是可以的，如此则无刷新上传就变的非常简单了。那么FormD...
代码星球 ·2021-01-09

html5页面拨打电话实现的方法
拨打电话:<p>咨询电话&nbsp;<ahref="tel:17337956096">拨号：17337956096</a></p>发送短信：<ahref="sms:17337956096">发送短信</a>...
代码星球 ·2021-01-02

html5 让IE6，7支持HTML5语义化标签的文件
https://github.com/aFarkas/html5shiv/blob/master/src/html5shiv.js 只要应用这个js就行了...
代码星球 ·2020-12-30

px单位html5响应式方案
移动端h5响应式方案最近这几年用得最多的最多的就是rem方案了。这个需要计算根元素的font-size来实现响应式。但这种方案也有一个缺点，那就是font-size不为整数的时候一些字体使用rem单位会导致字体显示的大小有问题，对视觉还原要求比较高的项目来说这还是令前端开发挺头疼的一件事的。解决前端响应式无非就是在不同...
代码星球 ·2020-12-30

HTML5+CSS3整体回顾
http://blog.poetries.top/2016/10/19/HTML5+CSS3%E5%9F%BA%E7%A1%80%E5%9B%9E%E9%A1%BE%20/ 这篇文章主要总结H5的一些新增的功能以及一些基础归纳，这里只是一个提纲，并不是很详细，后面会一直完善补充新的内容，本文是一些笔记记录，放...
代码星球 ·2020-12-30

HTML5无刷新修改URL
HTML5新添加了两个api分别是pushState和replaceState，DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取，可以在用户的访问记录中前进和后退，我们可以开始操作这个历史记录堆栈。实例一、通过pushState修改URLDEMO http://www...
代码星球 ·2020-12-30

浏览器本地存储（browser-storage，HTML5-localStorage > IE-UserData > Cookie）
https://www.baidufe.com/component/browser-storage/index.html BrowserStorage是浏览器本地存储的一个解决方案，存储优先级依次为：HTML5-localStorage>IE-UserData>Cookie并提供一套友好的API，...
代码星球 ·2020-12-30

HTML5上传图片预览
<!DOCTYPEhtml><html><head><title>HTML5上传图片预览</title><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><scri...
代码星球 ·2020-12-30

用HTML5canvas绘制一个圆环形的进度表示
先看一下画出来的效果,如下图,这样一个圆环形的进度. 我这里使用HTML5的Canvas来要制作这样一个圆环形的进度, 首先是HTML页面,HTML5的文档标识是:<!DOCTYPE html>   这个文档标识要比HTML4的简单多了. ...
代码星球 ·2020-12-30

从了解Hash和Html5 History 到简单实现路由
hash属性是一个可读可写的字符串，该字符串是URL的锚部分（从#号开始的部分）,在页面中的hash有多种功能意义:锚点url:http://www.example.com/index.html#jumpdom:<aname="jump"></a>或者<divid="jump">&n...
代码星球 ·2020-12-24

使用html5 canvas绘制圆形或弧线
在html5中，CanvasRenderingContext2D对象也提供了专门用于绘制圆形或弧线的方法，请参考以下属性和方法介绍：arc(x,y,radius,startRad,endRad,anticlockwise)在canvas画布上绘制以坐标点 (x,y)为圆心、半径为 radius的圆上...
代码星球 ·2020-12-24

html5:FileAPI 文件操作实战
html5为我们提供了FileAPI相关规范。主要涉及 File接口 和 FileReader对象 。本文整理了兼容性检测、文件选择、属性读取、文件读取、进度监控、大文件分片上传以及拖拽上传等开发中常见的前端文件操作。 首先，我们的File来自于<input>...
代码星球 ·2020-12-24

HTML5表单标签
表单简介Form表单主要用于用户与Web应用程序进行数据的交互，它允许用户将数据发给web应用程序，网页也可以拦截数据的发送以便自己使用。form通常由一到多个表单元素组成，这些表单元素是单行/多行文本框，下拉菜单，按钮，复选框，单选按钮，时间表单元素时一般要配合label标签，用于描述其目的。其可用属性如下。&nbs...
代码星球 ·2020-12-24
首页上一页...678910...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他